<template>
  <div>
    <MyDialog>
      <template v-slot:header>
        <span>提示</span>
      </template>
      <template v-slot:content>
        <h1>蜜雪冰城甜蜜蜜</h1>
      </template>
      <template v-slot:default>123</template>
    </MyDialog>
    <!-- 简写 -->
    <MyDialog>
      <template #header>
        <span>提示</span>
      </template>
      <template #content>
        <h1>蜜雪冰城甜蜜蜜</h1>
      </template>
      234
    </MyDialog>
    <!-- 具名插槽和匿名插槽同时用，匿名插槽只能有一个 -->
  </div>
</template>

<script>
import MyDialog from "./components/MyDialog.vue";
export default {
  components: {
    MyDialog,
  },
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
};
</script>

<style scoped></style>
